<!DOCTYPE html>
<html lang="en">
    <head>
        <title>稀土掘金</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="index.css">
    <link rel="icon" href=".\imge\juejin.svg" sizes="192x192">
    </head>
    <body>
        <div class="container">
            <div class="container-head">
                <div class="container-head-left">
                    <img src=".\imge\稀土掘金.svg" alt="稀土掘金">
                </div>
                <div class="container-head-middle">
                    <div class="middleNav">首页</div>
                    <div class="middleNav">AI Coding</div>
                    <div class="middleNav">沸点</div>
                    <div class="middleNav">课程</div>
                    <div class="middleNav">直播</div>
                    <div class="middleNav">活动</div>
                    <div class="middleNav">AI刷题</div>
                    <div class="middleNav">APP</div>
                    <div class="middleNav">插件</div>
                </div>
                <div class="container-head-right">
                    <div class="search">
                        <input type="text">
                        <img  class="search-img" src=".\imge\搜索.svg" alt="搜索">
                    </div>
                    <div class="creative">
                        <div class="creative-text">创作中心</div>
                        <img class="creative-img" src=".\imge\向下1.svg">
                    </div>
                    <div class="registrationAndLogin">
                        <div>会员</div>
                        <div>注册</div>
                        <div>登录</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container-main">

        </div>

        
     </div>





    </body>
</html>